<template>
  <div>
    <h1>Dashboard page</h1>
    缓存测试<input type="text">
    <svg-icon icon-class="bug"></svg-icon>
    <!-- icon-class svg图标名称 class-name 额外的自定义类名 @click绑定事件 -->
    <svg-icon icon-class="404" class-name="custom-class" @click="sayHi"></svg-icon>
  </div>
</template>

<script setup lang="ts">
import {getCurrentInstance} from "vue"
const {proxy} = getCurrentInstance()!
const sayHi = () =>{
  proxy?.$message.success("恭喜你，这是一条成功消息")
  // alert("hi svg")
}
</script>
<style lang="scss">
.custom-class{
  font-size:200px;
  color:green;
}
</style>
